<%--
  Created by IntelliJ IDEA.
  User: lxm
  Date: 2018/2/24
  Time: 下午8:23
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<div class="div_similar">
    <form class="layui-form layui-form-pane form_similar" action="">
        <div class="layui-form-item div_similarity_text">
            <label class="layui-form-label">对比文本</label>
            <div class="layui-input-inline" style="width: 72%">
                <input type="text" name="SIMILAR_TEXT" lay-verify="title"
                       autocomplete="off"
                       placeholder="在这里输入您需要对比的文本，若要多段文本，请点击下面的添加按钮"
                       class="layui-input"/>
            </div>
            <div class="layui-input-inline" style="width: 120px">
                <div class="layui-btn-group">
                    <button type='button' id="btn_add_onlyone"
                            class="layui-btn layui-btn"
                            onclick='addSimilarCompareInput("form_similar")'>
                        <i class="layui-icon">&#xe654;</i>
                    </button>
                    <button type='button' id="btn_delete_onlyone"
                            class="layui-btn layui-btn-warm layui-btn"
                            onclick='deleteSimilarCompareInput("form_similar",$(this))'>
                        <i class="layui-icon">&#xe640;</i>
                    </button>
                </div>
            </div>
        </div>
    </form>
</div>
<button class="layui-btn layui-btn-fluid" style="width: 96.5%;" onclick="getSimilarCos('div_similar')">提交对比</button>
<fieldset class="layui-elem-field layui-field-title">
    <legend>相似度对比结果</legend>
    <div class="layui-field-box">
        <div id="div_similar_graph" style="width: 900px;height:300px;"></div>

    </div>
</fieldset>

<fieldset class="layui-elem-field layui-field-title">
    <legend>结果说明</legend>
    <div class="layui-field-box">
        <blockquote class="layui-elem-quote layui-quote-nm"><p class="gray-p">
            文档相似度归结为向量夹角的计算，余弦值范围在[-1，1],越接近1则说明基准文本与对比文本越相似</p>
        </blockquote>

    </div>
</fieldset>
